<template>
  <div class="box">
    <h1>App</h1>
   <HelloWorld></HelloWorld>
   <MyHeader></MyHeader>
   <Footer/>
  </div>
</template>


<script>
import HelloWorld from './components/HelloWorld.vue'
import MyHeader from "./components/MyHeader.vue"
import Footer from "./components/Footer.vue"

export default {
  name:"App",
components:{
  HelloWorld,
  MyHeader,
  Footer
}

}
</script>

<style>
  .box{
    background: lightblue;
  }
</style>